<![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name:   Sevida 
Version:   1.2
- Support Image from third party
- Support Video Thumbnail
Design by : satankMKR
URL : http://mkr-site.blogspot.com
----------------------------------------------- */

/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Body Background Color"
type="color" default="#f7f5f5" value="#f7f5f5"/>   
   <Variable name="linkcolor" description="Link Color"
type="color" default="#007ABE" value="#007ABE"/> 
   <Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999"/>
<Variable name="imageborder" description="Image Border Color"
type="color" default="#C0C0C0" value="#C0C0C0"/>
<Variable name="headingfont" description="Heading Font"
type="font" default="normal normal 100% 'Open Sans', serif ,Sans-serif" value="normal normal 100% 'Open Sans', serif ,Sans-serif"/>  
   <Variable name="posttitlecolor" description="Post Title Color"
type="color" default="#141414" value="#141414"/>
   <Variable name="startSide" description="Side where text starts in blog language"
type="automatic" default="left" value="left"/>
   <Variable name="endSide" description="Side where text ends in blog language"
type="automatic" default="right" value="right"/>
<Group description="Header Title" selector="#header">
	<Variable name="head.font.type" description="Blog Title" 
	type="font" default="normal normal 35px 'Open Sans', serif ,sans-serif" value="normal normal 35px 'Open Sans', serif ,sans-serif"/>
	<Variable name="head.descfont.type" description="Blog Description" 
	type="font" default="normal normal 12px Verdana, Geneva, sans-serif" value="normal normal 12px Verdana, Geneva, sans-serif"/>
	<Variable name="head.font.color" description="Blog Title Color" 
	type="color" default="#333333" value="#333333"/>
	<Variable name="head.descfont.color" description="Blog Description Color" 
	type="color" default="#3D3D3D" value="#3D3D3D"/>	
</Group>
<Group description="Top Navigation" selector="#topnav">
	<Variable name="topnav.back.color" description="Background Color" 
	type="color" default="#1A1A1A" value="#1A1A1A"/>	
	<Variable name="topnav.text.color" description="Text Color" 
	type="color" default="#E2E2E2" value="#E2E2E2"/>
	<Variable name="topnav.select.color" description="Selected Page Background Color" 
	type="color" default="#007ABE" value="#007ABE"/>	
</Group>
<Group description="Middle Navigation 1" selector="#nav">
	<Variable name="midnav.back.color" description="Background Color" 
	type="color" default="#2E2E2E" value="#2E2E2E"/>	
	<Variable name="midnav.shadow.color" description="Shadow Color" 
	type="color" default="#585858" value="#585858"/>
	<Variable name="midnav.select.color" description="Current Link Background Color" 
	type="color" default="#007ABE" value="#007ABE"/>
	<Variable name="midnav.button.color" description="Responsive Color" 
	type="color" default="#007ABE" value="#007ABE"/>
</Group>
<Group description="Middle Navigation 2" selector="#nav">
	<Variable name="midnav.font.type" description="Font Type"
             type="font"
default="normal normal 90% 'Open Sans', serif ,Sans-serif" value="normal normal 90% 'Open Sans', serif ,Sans-serif"/>
	<Variable name="midnav.sub.color" description="Sub Background Color" 
	type="color" default="#007ABE" value="#007ABE"/>
	<Variable name="midnav.subsub.color" description="Sub Sub Background Color" 
	type="color" default="#007ABE" value="#007ABE"/>
	<Variable name="midnav.link.color" description="Link Color" 
	type="color" default="#E6E6E6" value="#E6E6E6"/>
		
</Group>

<Group description="Content Area" selector="#outer-wrapper">
	<Variable name="cont.font.type" description="Font Type" 
	type="font" default="normal normal 12px Verdana, Geneva, sans-serif" value="normal normal 12px Verdana, Geneva, sans-serif"/>
	<Variable name="cont.back.color" description="Background Color" 
	type="color" default="#FFFFFF" value="#FFFFFF"/>
	<Variable name="cont.text.color" description="Text Color" 
	type="color" default="#333333" value="#333333"/>	
	<Variable name="cont.shadow.color" description="Area Shadow Color" 
	type="color" default="#D3D3D3" value="#D3D3D3"/>		
</Group>

<Group description="News Ticker" selector="#newsticker">	
	<Variable name="news.border.color" description="Border Color" 
	type="color" default="#C0C0C0" value="#C0C0C0"/>
	<Variable name="news.back.color" description="Latest Background Color" 
	type="color" default="#007ABE" value="#007ABE"/>	
	<Variable name="news.text.color" description="Latest Text Color" 
	type="color" default="#FFFFFF" value="#FFFFFF"/>		
</Group>

<Group description="Sidebar" selector=".sidebar">	
	<Variable name="side.border.color" description="Border Color" 
	type="color" default="#C0C0C0" value="#C0C0C0"/>
	<Variable name="side.area.color" description="Background Color" 
	type="color" default="#FFFFFF" value="#FFFFFF"/>	
	<Variable name="side.text.color" description="Text Color" 
	type="color" default="#666666" value="#666666"/>		
</Group>

<Group description="SideBar Tab" selector="ul.navtab">
<Variable name="tab.back.color" description="Tab Color" 
	type="color" default="#2E2E2E" value="#2E2E2E"/>
	<Variable name="tab.selet.color" description="Tab Select Color" 
	type="color" default="#007ABE" value="#007ABE"/>
	<Variable name="tab.text.color" description="Tab Text Color" 
	type="color" default="#FFFFFF" value="#FFFFFF"/>
</Group>

<Group description="Main Area 1" selector="#main-atas">	
	<Variable name="main1.headfont.type" description="Heading Font Type" 
	type="font" default="normal normal 18px 'Open Sans', serif ,sans-serif" value="normal normal 18px 'Open Sans', serif ,sans-serif"/>
	<Variable name="main1.postfont.type" description="Post Font Type" 
	type="font" default="normal normal 13px 'Open Sans', serif ,sans-serif" value="normal normal 13px 'Open Sans', serif ,sans-serif"/>
	<Variable name="main1.headfont.color" description="Heading Font Color" 
	type="color" default="#000000" value="#000000"/>	
	<Variable name="main1.postfont.color" description="Post Text Color" 
	type="color" default="#0E0E0E" value="#0E0E0E"/>		
</Group>

<Group description="Main Area 2" selector="#main-atas">	
	<Variable name="main2.date.color" description="Button/Date Title Color" 
	type="color" default="#007ABE" value="#007ABE"/>
	<Variable name="main2.datehover.color" description="Button/Date Hover Color" 
	type="color" default="#2E2E2E" value="#2E2E2E"/>	
	<Variable name="main2.datetext.color" description="Button/Date Text Color" 
	type="color" default="#FFFFFF" value="#FFFFFF"/>		
</Group>

<Group description="Back Top Button" selector="#top">	
	<Variable name="backtop.back.color" description="Background Color" 
	type="color" default="#007ABE" value="#007ABE"/>
	<Variable name="backtop.backhover.color" description="Background Hover Color" 
	type="color" default="#1D1D1D" value="#1D1D1D"/>			
</Group>

<Group description="Footer Area 1" selector="#footer-wrapper">	
	<Variable name="foot.headfont.type" description="Heading Font Type" 
	type="font" default="normal normal 14px 'Open Sans', serif ,sans-serif" value="normal normal 14px 'Open Sans', serif ,sans-serif"/>
	<Variable name="foot.text.color" description="Text Color" 
	type="color" default="#CACACA" value="#CACACA"/>	
	<Variable name="foot.headtext.color" description="Heading Text Color" 
	type="color" default="#FCFCFC" value="#FCFCFC"/>		
</Group>

<Group description="Footer Area 2" selector="#footer-wrapper">		
	<Variable name="foot2.back.color" description="Background Color" 
	type="color" default="#2E2E2E" value="#2E2E2E"/>	
	<Variable name="foot2.bordertop.color" description="Top Border Color" 
	type="color" default="#007ABE" value="#007ABE"/>		
</Group>

<Group description="Search Box" selector="#searchnya">
<Variable name="src.back.color" description="Box Color" 
	type="color" default="#494949" value="#494949"/>
	<Variable name="src.text.color" description="Text Color" 
	type="color" default="#F0EDED" value="#F0EDED"/>
	<Variable name="src.result.color" description="Box Result Color" 
	type="color" default="#FFFFFF" value="#FFFFFF"/>
	<Variable name="src.resulttext.color" description="Result Text Color" 
	type="color" default="#585858" value="#585858"/>
</Group>

<Group description="Comment Area" selector="#comments">
<Variable name="comen.border.color" description="Border Color" 
	type="color" default="#E9E6E6" value="#E9E6E6"/>
	<Variable name="comen.shadow.color" description="Reply Shadow Color" 
	type="color" default="#CACACA" value="#CACACA"/>
	<Variable name="comen.reback.color" description="Reply Background Color" 
	type="color" default="#FAFAFA" value="#FAFAFA"/>	
</Group>

<Group description="Post Footer" selector=".post-footer">
<Variable name="posfoot.border.color" description="Border Top Color" 
	type="color" default="#C0C0C0" value="#C0C0C0"/>
	<Variable name="posfoot.back.color" description="Background Color" 
	type="color" default="#FAFAFA" value="#FAFAFA"/>	
</Group>

<Group description="SlideShow" selector="#featpost">	
	<Variable name="sli.font.type" description="SlideShow Title Font Type" 
	type="font" default="normal normal 16px 'Open Sans', serif, Sans-serif" value="normal normal 16px 'Open Sans', serif ,sans-serif"/>
	<Variable name="sli.text.color" description="Text Color" 
	type="color" default="#FFFFFF" value="#FFFFFF"/>	
	<Variable name="sli.back.color" description="Title Bakcground Color" 
	type="color" default="#007ABE" value="#007ABE"/>
<Variable name="sli.desback.color" description="Description Bakcground Color" 
	type="color" default="#252525" value="#252525"/>	
</Group>

*/

#navbar-iframe {display:none !important;}

header, nav, section, aside, article, footer {display:block;}

/* Use this with templates/template-twocol.html */

body {
  background-color:$bgcolor;
  background-image:url(http://2.bp.blogspot.com/-Cbz-Y1ezxB0/USDif0nOx4I/AAAAAAAAIcw/xpk2AZufA_U/s1600/bg.png);
  margin:0;
  padding:0;
  color:$(cont.text.color);
  font:x-small Georgia Serif;
  font-size/* */:/**/small;
  font-size:/**/small;
  text-align:center;
}

a:link {
  color:$linkcolor;
  text-decoration:none;
}

a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
}

a:hover {
  color:#222;
  text-decoration:underline;
}

a img {
  border-width:0;
}

body#layout div.list-tabwrap {
padding: 0;
margin: 0;
}

/* Header
-----------------------------------------------
 */

#headisi {
  overflow:hidden;
}

#header,
#adstop {
  margin:0;
  float:$startSide;
  width:100%;

}

#adstop {
  float:$endSide;
}

#adstop h2,
.index #blog-pager,
.archive #blog-pager {
  display:none;
}



#header h1,
#header p {
  margin:15px 0 0;
  padding:0;
  color:$(head.font.color);
  font:$(head.font.type);
}

#header a {
  color:$(head.font.color);
  text-decoration:none;
}

#header a:hover {
  color:$(head.font.color);
}

#header .description {
  margin:0 0 0px;
  padding:0;
  text-transform:capitalize;
  color:$(head.descfont.color);
  font:$(head.descfont.type);
}

#header img {
  margin-$startSide:0;
  margin-$endSide:auto;
}

/* Navigation
----------------------------------------------- */

/* = Top Nav = */

#topnav {
  background:$(topnav.back.color);  
  padding:0;
  height: 29px;
  font-size:11px;
  position: relative;
}

#topnav .wrapnya,
#nav .wrap,
#headisi,
#content-wrapper {
  margin:0 auto;
  width:98%;
}

#topnav .tgltop {
  float:$startSide;
  color:$(topnav.text.color);
  display:block;
  line-height:20px;margin-top: 4px;
}

/* = Middle Nav = */

#nav {
  height:50px;
  position:relative;
  z-index:1;
}

#nav .bgnya {
  width:100%;
  background-color:$(midnav.back.color);
  height:42px;
  position:absolute;
  z-index:-1;
  bottom:0;
  left:0;
  border-bottom:4px solid $(midnav.select.color);
  -moz-box-shadow:0 1px 6px $(midnav.shadow.color);
  -webkit-box-shadow:0 1px 6px $(midnav.shadow.color);
  box-shadow:0 1px 6px $(midnav.shadow.color);
}
.sf-menu,
.sf-menu * {
margin:0;
padding:0;
list-style:none;
}
.sf-menu li {
position:relative;
}
.sf-menu ul {
position:absolute;
display:none;
top:100%;
left:0;
z-index:99;
}
.sf-menu > li {
float:$startSide;
margin:0 1px;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
display:block;
}
.sf-menu a {
display:block;
position:relative;
}
#menunav > li > a {
font: $(midnav.font.type);
line-height: 50px;
text-transform: uppercase;
font-weight: 600;
height: 50px;
}
.sf-menu ul ul {
top:0;
left:100%;
}
.sf-menu {
float:$startSide;
}
.sf-menu ul {
min-width:12em;
*width:12em;
}
.sf-menu a {
padding:0 10px;
height:50px;
line-height:50px;
text-decoration:none;
zoom:1;
}
.sf-menu a.home, .sf-menu > li > a.home.current {
background-color:$(midnav.select.color);
text-indent:-9999px;
padding:0;
width:50px;
}
.sf-menu a {
color:$(midnav.link.color);
font-size:11px;
}
#topnav .sf-menu a {
color:$(topnav.select.color);
height: 29px;
line-height: 29px;
}
.sf-menu li {
white-space:nowrap;
*white-space:normal;
-moz-transition:background-color .2s;
-webkit-transition:background-color .2s;
transition:background-color .2s;
position:relative;
}
.sf-menu ul li {
background-color:$(midnav.sub.color);
margin:1px 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#topnav .sf-menu ul li, #topnav .sf-menu ul ul li {
background-color:$(topnav.back.color);
}
.sf-menu ul a {
font-weight:normal;
height:28px;
line-height:28px;
}
#topnav .sf-menu ul a {
height:25px;
line-height:25px;
}
.sf-menu ul a:hover {
padding-left:12px;
}
.sf-menu ul ul li {
background:$(midnav.subsub.color);
margin:0 0 1px 2px;
}
.sf-menu li:hover > a,
.sf-menu li.sfHover > a,
.sf-menu > li > a.current {
background-color:$(midnav.select.color);
-moz-transition:none;
-webkit-transition:none;
transition:none;
color:$(midnav.link.color);
}
#topnav .sf-menu li:hover > a,
#topnav .sf-menu li.sfHover > a,
#topnav .sf-menu > li > a.current { 
background-color:$(topnav.select.color);
color:$(topnav.text.color);
}
.sf-arrows .sf-with-ul {
padding-right:2em;
*padding-right:1em;
}
.sf-arrows .sf-with-ul:after {
content:'';
position:absolute;
top:50%;
right:0.85em;
margin-top:-2px;
height:0;
width:0;
border:4px solid transparent;
border-top-color:$(midnav.link.color);
}
#topnav .sf-arrows .sf-with-ul:after  {
border-top-color:$(topnav.select.color);
}

.sf-arrows > li > .sf-with-ul:focus:after,
.sf-arrows > li:hover > .sf-with-ul:after,
.sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:$(midnav.link.color);
}
#topnav .sf-arrows > li > .sf-with-ul:focus:after,
#topnav .sf-arrows > li:hover > .sf-with-ul:after,
#topnav .sf-arrows > .sfHover > .sf-with-ul:after {
border-top-color:$(topnav.text.color);
}
.sf-arrows ul .sf-with-ul:after {
margin-top:-4px;
margin-right:-3px;
border-color:transparent;
border-left-color:$(midnav.link.color);
}
#topnav .sf-arrows ul .sf-with-ul:after {
border-left-color:$(topnav.select.color);
}
.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-arrows ul .sfHover > .sf-with-ul:after{
border-left-color:$(midnav.link.color);
}

#topnav .sf-arrows ul li > .sf-with-ul:focus:after,
#topnav .sf-arrows ul li:hover > .sf-with-ul:after,
#topnav .sf-arrows ul .sfHover > .sf-with-ul:after {
border-left-color:$(topnav.text.color);
}
.sf-menu li > i {
position:absolute;
top: 3px;
right: 3px;
width: 27px;
height: 22px;
cursor:pointer;
display:none;
background-color:$(midnav.select.color);
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
outline:0;
}

.sf-menu li > i:after {
content: '+';
color: #fff;
font-size: 19px;
position: absolute;
left: 5px;
top: -2px;
}
.sf-menu li > i.active:after {
content:'-';
font-size:39px;
top:-14px;
}
#topnav .sf-menu li > i {
width: 23px;
height: 19px;
top: 6px;
}
#topnav .sf-menu li > i:after {
top: -4px;
left: 3px;
}
#topnav .sf-menu li > i.active:after {
top: -13px;
font-size: 31px;
left: 4px;
}

.sf-menu a.home:before, 
#searchnya button:before, 
#view a:before,
.rcentpost .date:before, 
.rcentpost .comnum:before, 
.morepostag a:before, 
#topmobilenav:before,
#mobilenav:before,
#related_posts .date:before,
#related_posts .comnum:before {
position: absolute;
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
text-decoration: inherit;
-webkit-font-smoothing: antialiased;
}
.sf-menu a.home:before, #searchnya button:before, #view a:before, .breadcrumbs .homex:before {
text-indent: 0;
}
.sf-menu a.home:before {
width: 30px;
height: 30px;
}
.sf-menu a.home:before {
content: "\f015";
top: 0;
font-size: 29px;
left: 11px;
color: #FBFBFB;
}
#searchnya button:before {
content: "\f002";
top: 5px;
left: 11px;
color: $(midnav.link.color);
font-size: 18px;
}
#topmobilenav:before, #mobilenav:before {
content: "\f0c9";
top: 3px;
text-indent: 0;
left: 5px;
font-size: 29px;
}
#topmobilenav:before {
font-size: 21px;
top: 1px;
left: 3px;
}
#icon-socialmn {
margin: 0;
float: right;
}
#icon-socialmn li {
float: left;
}
#icon-socialmn a {
display: block;
text-indent: -9999px;
width: 26px;
height: 29px;
background-image: url(http://3.bp.blogspot.com/-JWxzfuPXWDQ/ULykR51IjoI/AAAAAAAABfk/GUjrfkEH7hc/h25/team-social-icons.png);
background-repeat: no-repeat;
-webkit-transition: background .2s ease-out;
-moz-transition: background .2s ease-out;
-o-transition: background .2s ease-out;
transition: background .2s ease-out;
}
#icon-socialmn .sotw a {
background-position: 1px 2px;
}
#icon-socialmn .sofb a {
background-position: -24px 2px;
}
#icon-socialmn .sogo a {
background-position: -49px 2px;
}
#icon-socialmn .sorss a {
background-position: -74px 2px;
}
#icon-socialmn .solinkn a {
background-position: -99px 2px;
}
#icon-socialmn .sodrib a {
background-position: -125px 2px;
}
#icon-socialmn .sopint a {
background-position: -150px 2px;
}
#icon-socialmn .sotw a:hover {
background-color: #2DAAE1;
}
#icon-socialmn .sofb a:hover {
background-color: #3C5B9B;
}
#icon-socialmn .sogo a:hover {
background-color: #F63E28;
}
#icon-socialmn .sorss a:hover {
background-color: #FA8C27;
}
#icon-socialmn .solinkn a:hover {
background-color: #0173B2;
}
#icon-socialmn .sodrib a:hover {
background-color: #F9538F;
}
#icon-socialmn .sopint a:hover {
background-color: #CB2027;
}
#topmobilenav, #mobilenav {
position: absolute;
width: 35px;
height: 35px;
bottom: 7px;
color: $(midnav.link.color);
text-decoration: none;
text-indent: -9999px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
outline:0;
background-color:$(midnav.button.color);
}
#topmobilenav {
width: 25px;
height: 25px;
bottom: 2px;
color:$(topnav.text.color);
}
#mobilenav.active {
color: $(midnav.back.color);
}
#topmobilenav.active {
color: $(topnav.back.color);
}
/* Outer-Wrapper
----------------------------------------------- */

#outer-wrapper {
  background-color:$(cont.back.color);
  margin:0 auto;
  padding:0;
  text-align:$startSide;
  font:$(cont.font.type);
  -moz-box-shadow:0 0 5px $(cont.shadow.color);
  -webkit-box-shadow:0 0 5px #$(cont.shadow.color);
  box-shadow:0 0 5px $(cont.shadow.color);
}

#outer-wrapper,
#nav {
  width:100%;
  max-width:1080px;
}

#content-wrapper {
  padding:15px 0;
}

#main-atas {
  width:66%;
  padding:0 1% 0 0.5%;
  float:$startSide;
  word-wrap:break-word; /* fix for long text breaking sidebar float in IE */
  overflow:hidden;  /* fix for long non-text content breaking IE sidebar float */;
}

#sidebar-wrapper {
  width:32%;
  float:$endSide;
  padding:0 0;
  word-wrap:break-word;  /* fix for long text breaking sidebar float in IE */
  overflow:hidden;  /* fix for long non-text content breaking IE sidebar float */;
}

.sidebar .widget > h2,
#related_posts h4,
#comments > h4 {
  padding:5px 0;
  margin:0 0 5px;
  background-image:url(http://1.bp.blogspot.com/-dbY_VVkPODk/UJTFnJtHmyI/AAAAAAAAGe8/jiGU6WOkWSI/s12/stripe.png);
  background-repeat:repeat-x;
  background-position:0 50%;
  overflow:hidden;
  font:$(main1.headfont.type);
  text-transform:uppercase;
  color:$(main1.headfont.color);
  font-weight:600;
}
.sidebar .widget > h2 a {
text-decoration:none;
color:$(main1.headfont.color);
}
.sidebar .widget > h2 span,
#related_posts h4 span,
#comments > h4 span {
  background-color:$(cont.back.color);
  padding:0 5px 0 0;
}

.sidebar .widget-content, #manualslidenya {
  padding:5px 10px;
  margin:0;
  border:1px solid $(side.border.color);
  background-color:$(side.area.color);
  border-radius:2px;
  position:relative;
}

#mainmidtengah,
#mainmidtengah2 {
  overflow:hidden;
}

#mainmidtengah .section,
#mainmidtengah2 .section {
  width:50%;
  float:$startSide;
}

/* Layout
----------------------------------------------- */
body#layout #sidebar-tengah {
  overflow:hidden;
}

body#layout #sidebar-tengah .sidebarmd-widget {
  width:33.3%;
  float:$startSide;
}
body#layout #icon-socialmn, body#layout ul.navtab {
display:none;
}
/* Headings
----------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  font:$headingfont;
  text-transform:none;
  margin:0;
}

/* Posts
-----------------------------------------------
 */

.blog-posts.hfeed {
  overflow:hidden;  
}

.index .post-outer,
.archive .post-outer {
  width:33.3%;
  float:$startSide;
  position:relative;
}

.index .post-outer .post,
.archive .post-outer .post {
  margin:0 10px 10px;
  height:190px;
  position:relative;
  z-index:0;
}

a.thumbimgx, .thumbimgslide {
  display:block;
  border:1px solid $(side.border.color);
  -moz-border-radius:3px;  
  -webkit-border-radius:3px; 
  border-radius:3px; 
  height:140px;
  padding: 4px;
  position:relative;
  background-color:$(side.area.color);
}

a.thumbimgx:before,
a.thumbimgx:after,
.thumbimgslide:before,
.thumbimgslide:after,
#feedContainer .inner:before,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:before, 
.rcbytag.s ul.rcentpost a.thumbxtag:before,
ul.rcentpost > li.a0 a.thumbxtag:after, 
.rcbytag.s ul.rcentpost a.thumbxtag:after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:15px;
  left:5px;
  width:50%;
  height:20%;
  max-width:300px;
  -webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
  -moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
  box-shadow:0 15px 10px rgba(0,0,0,0.7);
  -webkit-transform:rotate(-3deg);
  -moz-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  transform:rotate(-3deg);
}

a.thumbimgx:after,
.thumbimgslide:after,
#feedContainer .inner:after,
ul.rcentpost > li.a0 a.thumbxtag:after, 
.rcbytag.s ul.rcentpost a.thumbxtag:after {
  right:5px;
  left:auto;
  -webkit-transform:rotate(3deg);
  -moz-transform:rotate(3deg);
  -ms-transform:rotate(3deg);
  -o-transform:rotate(3deg);
  transform:rotate(3deg);
}

a.thumbimgx img, .slideximg img, ul.imgslide, ul.imgslide li {
  height: 100%;
width: 100%;
}
.slideximg {
height: 100%;
overflow: hidden;
}
ul.imgslide, ul.imgslide li {
padding: 0;
margin: 0;
list-style: none;
}
ul.imgslide li {
display: none;
}
ul.imgslide li:first-child {
display: block;
}
.datex {
  position:absolute;
  z-index:10;
  background-color:$(main2.date.color);
  color:$(main2.datetext.color);
  padding:3px 0;
  top:0;
  left:15px;
  display:block;
  text-align:center;
}

.item .datex, .static_page .datex {
z-index: 0;
}

.post:hover .datex.show {
  background-color:$(main2.datehover.color);
}

.datex.show strong,
.datex.show span,
.datex.show small {
  display:block;
  padding:0 2px;
}

.datex.show strong {
  font-size:21px;
}

.datex.show span,
.datex.show small {
  font-size:9px;
  height:12px;
  line-height:12px;
}

.post-summary p,
.post-more-link,
.post-footer {
  display:none;
}

.post .titlex,
ul.rcentpost li strong a {
  text-decoration:none;
  font:$(main1.postfont.type);
  font-weight:600;
  line-height:1.4em;
  color:$(main1.postfont.color);
  display:block;
  margin:5px 0 0;
  max-height:36px;
  overflow:hidden;
}

.menu-xitem {
  background-image:url(http://1.bp.blogspot.com/-dbY_VVkPODk/UJTFnJtHmyI/AAAAAAAAGe8/jiGU6WOkWSI/s12/stripe.png);
  background-repeat:repeat-x;
  background-position:0 50%;
  height:34px;
  margin:0 0 5px;
}

.xitem1,
#view {
  float:$startSide;
  background-color:$(cont.back.color);
  padding:5px;
  position:relative;
}

#view {
  float:$endSide;
}

.menu-xitem a {
  text-decoration:none;
  color:$(main1.headfont.color);
}

.xitem1 .liat {
  font:$(main1.headfont.type);
  text-transform:uppercase;
  font-weight:600;
  background-image:url(http://1.bp.blogspot.com/-M1hnSxIV4W4/UW0e52ILM9I/AAAAAAAAI-A/8cqDNDbK0k4/s1600/ui-select.png);
  background-repeat:no-repeat;
  background-position:100% 70%;
  display:inline-block;
  padding-right:20px;
}

.index .post-outer.list,
.archive .post-outer.list {
  width:100%;
  float:none;
}

.index .post-outer.list .post,
.archive .post-outer.list .post {
  height:auto;
  margin:0 0 15px;
  padding-bottom:10px;
}

.post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
  width:200px;
  float:$startSide;
  margin:0 10px 0 5px;
}

.post-outer.list .post .titlex {
  font-size:150%;
  max-height:200px;
  margin:0;
  overflow:visible;
}

.post-outer.list .post-summary p {
  display:block;
  margin:10px 0 0;
}

.post-outer.list .post-more-link {
  display:block;
  position:absolute;
  bottom:0;
  float:$endSide;
  right:0;
}

.post-outer.list .post-more-link a {
  display:block;
  text-decoration:none;
  padding:4px 8px;
  font-size:90%;
  background-color:$(main2.date.color);
  color:$(main2.datetext.color);
}

.post-outer.list .post-more-link a:hover {
  background-color:$(main2.datehover.color);
}

.post-body .left {
  float:$startSide;
  margin:0 5px 5px 0;
}

.post-body .right {
  float:$endSide;
  margin:0 0 5px 5px;
}

.post-body .center {
  margin:10px 0 15px 0;
  display:block;
  text-align:center;
}

.post-body .left span, .post-body .right span, .post-body .center span {
display: block;
text-align: center;
font-size: 80%;
font-style: italic;
}

.post-body blockquote {
  padding-left:40px;
  margin:20px;
  font-size:110%;
  line-height:1.6em;
  color:#777;
  background:url(http://1.bp.blogspot.com/-sJbFLVX5LVs/UDzoGxMvWrI/AAAAAAAAAmg/qkUni125BV0/s1600/quotation-l.png) no-repeat left 5px;
}

.item .post-body img,
.static_page .post-body img {
  padding:4px;
  border:1px solid $imageborder;
}

.post-body h1 {
  font-size:180%;
}

.post-body h2 {
  font-size:160%;
}

.post-body h3 {
  font-size:140%;
}

.post-body h4 {
  font-size:130%;
}

.post-body h5 {
  font-size:120%;
}

.post-body h6 {
  font-size:110%;
}

.item .post,
.static_page .post,
.comments .comments-content,
#related_posts ul,
.boxcommentnya,
.error-custom,
.breadcrumbs,
#main-wrapper .inline-ad {
  padding:10px;
  border:1px solid $(side.border.color);
  position:relative;
  margin:0 0 10px;
  background-color:$(side.area.color);
  -moz-border-radius:2px;
  webkit-border-radius:2px;
  border-radius:2px;
}

.breadcrumbs {
  padding:5px 10px;
  margin:0 0 5px;
}

.error-custom {
  background-image:url(http://1.bp.blogspot.com/-XKqVUlnOOBc/UXVCp_hfbEI/AAAAAAAAI_k/KdS4rjvZgkc/s500/Abstract+Floral+Vector+Illustration.png);
  background-repeat:no-repeat;
  background-position:right bottom;
  padding-bottom:220px;
  line-height:1.5em;
}

.post h1.post-title,
.post h2.post-title,
.error-custom h2 {
  font-size:155%;
  font-weight:600;
  border-bottom:1px solid $(side.border.color);
  padding:0 0 5px 50px;
  color:$posttitlecolor;
  margin-bottom:15px;
}

.post h2.post-title,
.error-custom h2 {
  padding-left:0;
}

.post h1.post-title a,
.post h2.post-title a {
  text-decoration:none;
  display:block;
  color:$posttitlecolor;
}

.post-body {
  margin:0 0 .75em;
  line-height:1.6em;
}

.post-body iframe {
max-width: 100%;
}

.item .post-footer,
.static_page .post-footer {
  display:block;
  border-top:1px solid $(posfoot.border.color);
  padding:8px;
  margin:0 -10px -10px;
  background-color:$(posfoot.back.color);
}

.item .post-body img,
.static_page .post-body img {
  max-width:95%;
}

.post-timestamp {
  display:none;
}

.post-author.vcard,
.post-labels {
  margin-bottom:5px;
}

.tr-caption-container img {
  border:none;
  padding:0;
}

.post-footer .item-control.blog-admin.pid-1748668997 {
  float:$endSide;
}

.post blockquote p {
  margin:.75em 0;
}

.index .post h2.post-title,
.archive .post h2.post-title,
#topmobilenav,
#mobilenav,
#topmenunya h2 {
  display:none;
}

.pager-isi {
  overflow:hidden;
}

.pager-isi a,
.pager-isi .linkgrey {
  width:50%;
  display:block;
  float:$startSide;
  padding:10px 0;
  font-size:120%;
  text-decoration:none;
}

.pager-isi h6 {
  color:#2C2C2C;
  font-size:100%;
}

.pager-isi h5 {
  font-size:90%;
}

a.blog-pager-newer-link {
  text-align:left;
  position:relative;
}

a.blog-pager-newer-link h6,
a.blog-pager-newer-link h5 {
  padding-left:20px;
}

a.blog-pager-older-link {
  text-align:right;
  position:relative;
}

a.blog-pager-older-link h6,
a.blog-pager-older-link h5 {
  padding-right:20px;
}

.pager-isi .linkgrey.left {
  text-align:left;
}

.pager-isi .linkgrey.right {
  text-align:right;
}

a.blog-pager-newer-link::after {
  content:"";
  width:0;
  height:0;
  border-width:8px 6px;
  border-style:solid;
  border-color:transparent #777676 transparent transparent;
  position:absolute;
  top:50%;
  left:0;
  margin-top:-8px;
}

a.blog-pager-older-link::after {
  content:"";
  width:0;
  height:0;
  border-width:8px 6px;
  border-style:solid;
  border-color:transparent transparent transparent #777676;
  position:absolute;
  top:50%;
  right:0;
  margin-top:-8px;
}

#main-wrapper .inline-ad {
  text-align: center;
  padding: 10px 0;
  overflow: hidden;
}

.feed-links,
.error_page #blog-pager {
  display:none;
}

/* Related Post
----------------------------------------------- */
#related_posts {
color:$(side.text.color);
}
#related_posts ul {
  overflow:hidden;
  list-style:none;
}

#related_posts li {
  list-style:none;
  float:$startSide;
  position:relative;
  width:50%;
  padding:0;
  min-height:120px;
  margin:0 0 8px;
}
#related_posts .inner {
padding: 5px 3px;
}
#related_posts .gmbrrltd {
  float:$startSide;
  margin:0 5px 0 0;
  padding:3px;
  border:1px solid $imageborder;
  width:70px;
  height:70px;
  display:block;
}
#related_posts a:hover {
text-decoration: none;
}
#related_posts strong {
line-height: 1.4em;
overflow: hidden;
max-height: 30px;
margin-bottom: 5px;
display: block;
}

#related_posts p {
  margin:5px 0 0;
  line-height:1.5em;
  display:none;
}
#related_posts .date.floatd:before {display:none;}
#related_posts .date.floatd {
  position:absolute;
  top:0;
  left:15px;
  color:$(main2.datetext.color);
  display:block;
  background-color:$(main2.date.color);
  text-align:center;
  padding:4px 2px;
}

#related_posts li:hover .date.floatd {
  background-color:$(main2.datehover.color);
}

#related_posts .date.floatd span {
  display:block;
  font-size:9px;
  line-height:12px;
  height:12px;
}

#related_posts .date.floatd span.dd {
  font-size:18px;
  line-height:17px;
  height:17px;
  font-weight:bold;
}

/* Comments
----------------------------------------------- */

.comment-form {
  max-width:100%;
  padding:10px;
  border:1px solid #C0C0C0;
  margin:0 0 10px;
  -moz-border-radius:2px;
  webkit-border-radius:2px;
  border-radius:2px;
}

.comments.threaded_commentsnya .comment-form {
  display:none;
}

.comments .continue a,
.comments .comments-content .comment-thread ol .comment-replybox-thread {
  -moz-box-shadow:inset 0 1px 5px $(comen.shadow.color);
  -webkit-box-shadow:inset 0 1px 5px $(comen.shadow.color);
  box-shadow:inset 0 1px 5px $(comen.shadow.color);
  background-color:$(comen.reback.color);
}

.comments .comments-content .comment-thread ol .comment-replybox-thread #form-wrapper {
  padding:5px 10px;
}

.comments .comments-content .comment-thread ol {
  margin:0;
}

.comments .comments-content .inline-thread {
  border:1px solid $(comen.border.color);
  border-left:2px solid $(main2.date.color);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
}

.comments .comments-content .comment:first-child {
  padding-top:0;
}

.comments .comments-content .inline-thread .comment:first-child {
  padding-top:12px;
}

.comments .comments-content .icon.blog-author,
.commentarea .author-comment {
  background-image:url(http://3.bp.blogspot.com/-TpMivpUpG0s/UXCpktVApyI/AAAAAAAAI-o/6ZzgqgrANLI/s17/48_edit.png);
  background-repeat:no-repeat;
  background-position:50% 50%;
}

#comments-block .avatar-image-container img {
  width:35px;
  height:35px;
  display:block;
}

#comments-block .avatar-image-container.avatar-stock img {
  border-width:0;
  padding:1px;
  background-image:url(http://4.bp.blogspot.com/-AEWksK942OE/UFiyLzXJhiI/AAAAAAAAFKE/jBegaGPClxI/s37/user-anonymous-icon.png);
}

.comments .comments-content .comment-content {
  text-align:justify;
  line-height:1.6em;
}

#comments-block.avatar-comment-indent dd.comment-body p {
  margin:0;
  line-height:1.6em;
}

#comments-block .avatar-image-container {
  top:0;
}

.commentarea {
  padding:8px;
  border:1px solid $(comen.border.color);
  border-left:2px solid $(main2.date.color);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  margin:0 0 15px;
  position:relative;
}

#comments-block.avatar-comment-indent dd.comment-body {
  margin:10px 0;
}

#comments-block.avatar-comment-indent .commentarea .comment-footer {
  margin-bottom:0;
  text-align:right;
}

.commentarea .datecm {
  font-size:90%;
  float:$endSide;
}

.commentarea .author-comment {
  display:inline-block;
  height:18px;
  margin:0 6px -4px 0;
  width:18px;
}

#googlePlusComment,
.cmt_iframe_holder {
  width:100% !important;
}

/* Sidebar Content
----------------------------------------------- */

.sidebar {
  color:$(side.text.color);
  line-height:1.5em;
}

.sidebar ul,
.footer ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}

.sidebar li,
.footer li {
  margin:0;
  padding-top:0;
  padding-$endSide:0;
  padding-bottom:.25em;
  padding-$startSide:15px;
  line-height:1.5em;
}

.sidebar .widget,
.main .widget,
#sidebar-tengah,
.footer .widget {
  margin:0 0 1.5em;
}

.sidebar .widget {
  padding:0 10px;
}

.main .Blog {
  border-bottom-width:0;
  position: relative;
}

/* Footer
----------------------------------------------- */

#footer-wrapper {
  overflow:hidden;
  padding:20px 0 0;
  border-top:5px solid $(foot2.bordertop.color);
  background-color:$(foot2.back.color);
  color:$(foot.text.color);
}

#footer-wrapper .row {
  width:99%;
  margin:0 auto;
  overflow:hidden;
}

#footer-wrapper .grid {
  width:25%;
  float:$startSide;
}

.footer .widget {
  padding:0 15px;
}

.footer .widget > h2 {
  font:$(foot.headfont.type);
  color:$(foot.headtext.color);
  background-image:url(http://4.bp.blogspot.com/-q4rW2Nbip7c/UWxMEfkADRI/AAAAAAAAI9Y/EZG2EWr99EE/s8/stripe.png);
  background-position:0 50%;
  background-repeat:repeat-x;
  margin:0 0 10px;
  padding:5px 0;
}

.footer .widget > h2 span {
  background-color:$(foot2.back.color);
  padding:0 5px 0 0;
}

.navix.credit {
overflow: hidden;
width: 98%;
padding: 5px 1%;
border-top: 1px solid #131313;
}
.navix.credit .center {
float: center;
}
.navix.credit .righ {
float: right;
}

/* Search Box
-----------------------------------------------
 */

#searchnya {
  float:$endSide;
  width:250px;
  margin:10px 0 0;
}

#ajax-search-form {
  position:relative;
  font:normal normal 11px Arial,Sans-Serif;
  width:230px;
  float:$endSide;
}

#ajax-search-form input {
  color:$(src.text.color);
  margin:0 0;
  background:$(src.back.color);
  padding:8px 8px;
  font-size:10px;
  outline:0;
  width:175px;
  float:$startSide;
  border:0;
}

#ajax-search-form input:focus {
  color:#FFF;
}

#search-result {
  color:$(src.resulttext.color);
  border:1px solid #F3F3F3;
  background-color:$(src.result.color);
  padding:8px 10px;
  margin:10px 0;
  width:280px;
  height:auto;
  position:absolute;
  top:27px;
  right:10px;
  z-index:99;
  -webkit-box-shadow:0 1px 3px #999;
  -moz-box-shadow:0 1px 3px #999;
  box-shadow:0 1px 3px #999;
  display:none;
}

#search-result * {
  margin:0 0 0 0;
  padding:0 0 0 0;
}

#search-result h4,
#search-result strong {
  display:block;
  margin:0 30px 10px 0;
}

#search-result ol {
  list-style:none;
  overflow:hidden;
  padding-right: 15px;
  }

.box, .box .antiscroll-inner {
width: 100%;
height: 400px;
}
#search-result .close {
  text-decoration:none;
  display:block;
  position:absolute;
  top:4px;
  font-size:18px;
  right:10px;
  line-height:normal;
  color:black;
}

#search-result li {
  padding:5px 0;
  overflow: hidden;
}

#search-result strong {
  margin:0 0 3px 0;
  display:block;
}

#search-result img {
  float:$startSide;
  display:block;
  margin:0 5px 0 0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

#searchnya button {
  text-indent:-9999px;
  overflow:hidden;
  margin:0;
  background: transparent;
  width:35px;
  height:29px;
  font-size:12px;
  font-family:Arial,Helvetica,sans-serif;
  position:relative;
  cursor:pointer;
  border:none !important;
  outline:none;
}

/* Slider
-----------------------------------------------
 */

#main-top h2 {
  display:none;
}

#main-top {
  position:relative;
  z-index:0;
}

#main-top .widget-content::after,
#main-top .widget-content::before,
#manualslidenya::before,
#manualslidenya::after {
  content:"";
  position:absolute;
  z-index:-2;
  bottom:15px;
  left:5px;
  width:50%;
  height:20%;
  max-width:300px;
  -webkit-box-shadow:0 15px 10px rgba(0,0,0,0.7);
  -moz-box-shadow:0 15px 10px rgba(0,0,0,0.7);
  box-shadow:0 15px 10px rgba(0,0,0,0.7);
  -webkit-transform:rotate(-1deg);
  -moz-transform:rotate(-1deg);
  -ms-transform:rotate(-1deg);
  -o-transform:rotate(-1deg);
  transform:rotate(-1deg);
}

#main-top .widget-content::after,
#manualslidenya::after {
  right:5px;
  left:auto;
  -webkit-transform:rotate(1deg);
  -moz-transform:rotate(1deg);
  -ms-transform:rotate(1deg);
  -o-transform:rotate(1deg);
  transform:rotate(1deg);
}

ul.featpost,
ul.featpost li {
  padding:0;
  margin:0;
  overflow:hidden;
  position:relative;
}

ul.featpost li {
  height:280px;
  display:none;
  float:left;
}
ul.featpost li:first-child {
display:block;
}
ul.featpost,
.featuredpost {
  height:280px;
}

.featuredpost {
  overflow:hidden;
}

ul.featpost img {
  width:100%;
  height:100%;
}

#main-top .widget-content {
  padding:5px;
}

ul.featpost .labeltext {
  position:absolute;
  bottom:35px;
  left:0;
  width:85%;
  z-index:9;
  background-color:$(sli.desback.color);
  padding:7px 10px;
  color:$(sli.text.color);
}

ul.featpost strong.titlex {
  position:absolute;
  bottom:95px;
  display:block;
  left:10px;
  z-index:10;
  background-color:$(sli.back.color);
  padding:5px 8px;
  max-height:22px;
  overflow:hidden;
}

ul.featpost strong.titlex a {
  font:$(sli.font.type);
  color:$(sli.text.color);
  text-decoration:none;
  width:100%;
  font-weight:bold;
  text-transform:capitalize;
  display:inline-block;
}
ul.featpost .labeltext .infolabel {
font-size:90%;text-align:right;
}
ul.featpost .labeltext .infolabel a {
color:$(sli.text.color);
}
ul.featpost .labeltext .date {
 margin-right:5px;
}

ul.featpost .labeltext p {
  margin:5px 0 0;
  font-style:italic;
}

#main-top .flex-control-nav.flex-control-paging, #manualslidenya .flex-control-nav.flex-control-paging {
  position:absolute;
  width:100%;
  bottom:15px;
  z-index: 2;
}

#main-top .flex-viewport, #main-top-manualslide .flex-viewport {
  max-width:800px;
}

.featuredpost .flex-direction-nav a {
  top:50%;
  margin-top:-20px;
}

a.feathumb {
  width:100%;
  height:280px;
  display:block;
}
#mainmtop-manualslide .widget > h2 {
display: none;
}
#mainmtop-manualslide .Image .widget-content {
padding: 0;
border: 0;
max-height: 280px;
overflow: hidden;
}

#mainmtop-manualslide .widget {
padding: 0;
margin-bottom: 40px;
}
#mainmtop-manualslide {
overflow: hidden;
max-height: 310px;
position: relative;
z-index: 0;
}
#manualslidenya {
padding: 5px;
max-height: 280px;
}
#main-top-manualslide .bungkus {
padding: 0 10px 15px;
}
#main-top-manualslide .Image img {
max-height: 280px;
}
/* Archive
-----------------------------------------------
 */
 
#table-outer table {
  width:100%;
}

#orderFeedBy,
#labelSorter {
  width:90%;
  margin:5px 0;
}

#postSearcher input[type="text"] {
  width:88%;
  margin:5px 0;
  padding:3px 1%;
}

#feedContainer,
#feedContainer li {
  padding:0;
  margin:0;
  list-style:none;
}

#feedContainer {
  overflow:hidden;
  margin-top:20px;
}

#feedContainer li {
  float:left;
  width:50%;
  margin-bottom:10px;
  position:relative;
  z-index: 0;
}

#feedContainer .inner {
  padding:8px;
  margin:0 5px;
  position:relative;
  background-color:#FFF;
  border:1px solid #C0C0C0;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  height:133px;
}

#feedContainer img {
  float:left;
  margin:0 8px 0 0;
}

#feedContainer .inner > strong {
  display:none;
}

#feedContainer .date {
  position:absolute;
  top:8px;
  left:15px;
  background-color:$(main2.date.color);
  color:$(main2.datetext.color);
  font-size:9px;
  padding:3px 2px;
}

#feedContainer .inner:hover .date {
  background-color:$(main2.datehover.color);
}

#feedContainer .date span {
  display:block;
  line-height:12px;
  text-align:center;
}

#feedContainer .date .dd {
  font-size:15px;
  line-height:18px;
  font-weight:bold;
}

#feedContainer .toc-title {
  max-height:33px;
  overflow:hidden;
}

#feedNav a, #feedNav span {
  display:block;
  text-align:center;
  color:$(main2.datetext.color);
  text-decoration:none;
  background-color:$(main2.date.color);
  padding:5px;
  width:95%;
  margin:0 auto;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

#feedNav a:hover {
  background-color:$(main2.datehover.color);
}

body#layout #mainmtop-manualslide {
overflow: hidden;
}

body#layout #mainmtop-manualslide .add_widget, body#layout #mainmtop-manualslide  div.widget,body#layout #mainmtop-manualslide .dropregion {
float: left;
width: 25%;
}
/* Other
-----------------------------------------------
 */

img {
  max-width:100%;
  height:auto;
  width:auto\9;
}

a img,
a.loadpost,
.datex.show,
ul.rcentpost .date,
.buttons a,
ul.navtab li a,
#related_posts .date,
.post-outer.list .post-more-link a,
#feedContainer .date,
.showpageNum a {
  -webkit-transition:all .4s ease-in-out;
  -moz-transition:all .4s ease-in-out;
  -o-transition:all .4s ease-in-out;
  -ms-transition:all .4s ease-in-out;
  transition:all .4s ease-in-out;
}

a img:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter:alpha(opacity=70);
  -moz-opacity:0.7;
  -khtml-opacity:0.7;
  opacity:0.7;
}

a.loadpost {
  display:block;
  width:80%;
  margin:0 auto;
  line-height:30px;
  height:30px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  background-color:$(main2.date.color);
  color:$(main2.datetext.color);
  text-decoration:none;
  position:relative;
}

a.loadpost:hover {
  background-color:$(main2.datehover.color);
}
a.loadpost:active {

top:1px;
}

.recntright .antiscroll-scrollbar-vertical {
right: 4px;
}
ul.rcentpost {
  margin:-5px -10px;
}
.recntright .box, .recntright .box .antiscroll-inner {
height:270px;
}
ul.rcentpost li { padding: 0;
  overflow:hidden;
  position:relative;
  z-index:0;
  border-bottom:1px solid #F1F1F1;
}
ul.rcentpost .inner {
padding: 8px;
overflow: hidden;
}
ul.rcentpost .recntright .inner {
padding-right:12px;
}
ul.rcentpost p {
margin: 10px 0;
}
ul.rcentpost .recntright p, .rcbytag.s ul.rcentpost p {
display:none;
}
a.thumbxtag {
  float:left;
  width:60px;
  height:60px;
  display:block;
  margin:0 8px 0 0;
  padding:3px;
  border:1px solid $imageborder;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  background-color:$(cont.back.color);
}

a.thumbxtag img {
  display:block;
  width:100%;
  height:100%;
}

.morepostag {
  text-align:center;
 padding: 5px 0;
}
.recntright .info, #related_posts .info {
font-size: 80%;
}
.morepostag a {
  display:block;
  width:80%;
  line-height:25px;
  height:25px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
  margin:5px auto;
  color:$(main2.datetext.color);
  background-color:$(main2.date.color);
  text-decoration:none;
  -webkit-transition:background-color .4s ease-in-out;
  -moz-transition:background-color .4s ease-in-out;
  -o-transition:background-color .4s ease-in-out;
  -ms-transition:background-color .4s ease-in-out;
  transition:background-color .4s ease-in-out;
}
.morepostag a.loadingnya {
background-image: url(http://4.bp.blogspot.com/-TnSE_uBapbc/UXVKY6X6faI/AAAAAAAAI_s/rTt1Js3H8s0/s16/progress_ani.gif);
background-repeat: no-repeat;
background-position: center;
text-indent:-9999px;
}
.morepostag a:hover, .morepostag a.loadingnya {
  background-color:$(main2.datehover.color);
}

ul.rcentpost > li.a0 a.thumbxtag, .rcbytag.s ul.rcentpost a.thumbxtag {
  float:none;
  width:auto;
  padding:5px;
  display:block;
  height:170px;
  position:relative;  
  margin: 0;
}

.rcbytag.s ul.rcentpost a.thumbxtag { 
  height:120px; 
}

ul.rcentpost li strong a {
  margin:0;
}

ul.rcentpost > li.a0 strong a {
  margin:10px 0 0;
  font-size:120%;
  display:block;
}

ul.rcentpost > li.a0 .date, .rcbytag.s ul.rcentpost .date {
  position:absolute;
  top:8px;
  left:20px;
  background-color:$(main2.date.color);
  color:$(main2.datetext.color);
  display:block;
  padding:3px;
  text-align:center;
}

ul.rcentpost > li.a0 .date span, .rcbytag.s ul.rcentpost .date span {
  display:block;
  font-size:9px;
  line-height:12px;
  height:12px;
}

ul.rcentpost > li.a0 .date span.dd, .rcbytag.s ul.rcentpost .date span.dd {
  font-size:18px;
  font-weight:bold;
  line-height:20px;
  height:20px;
}

ul.rcentpost > li.a0:hover .date, .rcbytag.s ul.rcentpost li:hover .date {
  background-color:$(main2.datehover.color);
}

.rcbytag.s ul.rcentpost {
  margin:10px 0;
  overflow:hidden;
  height:175px;
}

.rcbytag.s ul.rcentpost li {
  padding:0;
  width:33.3%;
  float:$startSide;
  height:175px;
}

.rcbytag.s ul.rcentpost .inner {
 margin: 0;
padding: 0 8px;
}

.rcbytag.s ul.rcentpost .date {
  top:0;
}


.rcbytag.s ul.rcentpost p {
  display:none;
}
.rcbytag.h .rcentpost {
overflow: hidden;
}
.rcbytag.h ul.rcentpost > .a0 {
float: left;
width: 50%;
border-bottom: 0;
}
.rcbytag.h .recntright {
width: 50%;
float: left;
}
.recntright .date, .recntright .comnum, #related_posts .date, #related_posts .comnum {
padding-left: 15px;
display: inline-block;
position: relative;
}
.recntright .date:before, #related_posts .date:before {
  content: "\f133";
left: 0px;
font-size: 11px;
}
.recntright .comnum:before, #related_posts .comnum:before {
content: "\f075";
left: 2px;
}
.recntright .comnum {
margin-left: 8px;
}
#related_posts .date {
margin-right: 8px;
}
.recntright .comnum a, #related_posts .comnum a {
color:$(side.text.color);
}
.flex-direction-nav a {
  position:absolute;
  display:block;
  top:90px;
  width:25px;
  height:40px;
  background-color:$(main2.date.color);
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter:alpha(opacity=0);
  -moz-opacity:0;
  -khtml-opacity:0;
  opacity:0;
  outline:0;
  text-indent:-9999px;
  background-image:url(http://1.bp.blogspot.com/-5Sp-MZWyiaU/UWxMDK77sGI/AAAAAAAAI9E/5VUb6FmzgNY/s1600/glyphicons-halflings-white.png);
  background-repeat:no-repeat;
  z-index: 2;
}

.widget-content:hover .flex-direction-nav a, #manualslidenya:hover .flex-direction-nav a {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter:alpha(opacity=100);
  -moz-opacity:1;
  -khtml-opacity:1;
  opacity:1;
}

.flex-direction-nav a:hover {
  background-color:$(main2.datehover.color);
}

.flex-direction-nav a.flex-prev {
  right:0;
  -moz-border-radius:3px 0 0 3px;
  -webkit-border-radius:3px 0 0 3px;
  border-radius:3px 0 0 3px;
  background-position:-18px 7px;
}

.flex-direction-nav a.flex-next {
  left:0;
  -moz-border-radius:0 3px 3px 0;
  -webkit-border-radius:0 3px 3px 0;
  border-radius:0 3px 3px 0;
  background-position:7px 7px;
}

.flex-control-nav.flex-control-paging,
.flex-control-nav.flex-control-paging li {
  list-style:none;
  padding:0;
  text-align:center;
  margin:0;
}

.flex-control-nav.flex-control-paging li {
  display:inline-block;
}

.flex-control-nav.flex-control-paging a {
  display:inline-block;
  text-indent:-9999px;
  margin:0 3px;
  width:10px;
  height:10px;
  background-color:$(main2.datehover.color);
  cursor:pointer;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
}

.flex-control-nav.flex-control-paging a.flex-active {
  background-color:$(main2.date.color);
}

.flex-viewport,
.rcbytag {
  max-width:612px;
  margin:0 auto;
}

.rcbytag.s ul.rcentpost strong a {
  margin:5px 0 0;
  font-size:13px;
}

#sidebar-tengah h2, ul.rcentpost > li.a0 .comnum, .rcbytag.s ul.rcentpost .comnum {
  display:none;
}

ul.navtab,
ul.navtab li, 
#icon-socialmn,
#icon-socialmn li {
  list-style:none;
  padding:0;
  margin:0;
}

ul.navtab {
  height:32px;
  padding:0 8px;
  margin:0 10px;
  border-bottom:5px solid $(tab.selet.color);
}

ul.navtab li {
  float:$startSide;
  width:33.3%;
  text-align:center;
}

ul.navtab li a {
  display:block;
  line-height:32px;
  height:32px;
  background-color:$(tab.back.color);
  color:$(tab.text.color);
  text-decoration:none;
}

ul.navtab li a.current,
ul.navtab li a:hover {
  background-color:$(tab.selet.color);
}

ul.navtab {
  height:32px;
  padding:0 10px;
  margin:0 10px;
}

#sidebar-tengah .widget-content,
#sidebar-tengah .widget {
  border:0;
  padding:0;
  margin:0;
}

.list-tabwrap {
  padding:8px 10px;
  margin:0 10px;
  border:1px solid $(side.border.color);
  border-top:0;
  background-color:$(side.area.color);
}

#view a {
  display:inline-block;
  text-indent:-9999px;
  width:23px;
  height:23px;
  background-image:url(http://2.bp.blogspot.com/-rJBQIVZlRYI/UWxMEXv3CLI/AAAAAAAAI9c/tOlxHrVprWw/s1600/sprite1.png);
  background-repeat:no-repeat;
  float:$endSide;
  outline:0;
}

#view a.list {
  background-position:0 -102px;
}

#view a.list.active {
  background-position:0 -68px;
}

#view a.grid {
  background-position:0 -34px;
}

#view a.grid.active {
  background-position:0 0;
}

#labelxnya {
  position:absolute;
  z-index:99;
  top:100%;
  left:0;
  display:none;
}
#labelxnya .box, #labelxnya .box .antiscroll-inner {
height: 280px;
width:160px;
}
ul.subnya-xitem,
ul.subnya-xitem li {
  padding:0;
  list-style:none;
  margin:0;
  overflow: hidden;
width: 160px;
}

#labelxnya .bknslabel { 
  min-width: 160px;
  padding:8px 5px;
  background-color:#FFF;
  border:1px solid #E2E2E2;
  border-radius:3px;
  overflow:hidden;
  position:relative;
  top:-12px;
  -moz-box-shadow:0 0 10px #CFCECE;
  -webkit-box-shadow:0 0 10px #CFCECE;
  box-shadow:0 0 10px #CFCECE;
}

ul.subnya-xitem li { 
  margin:1px 0;
  white-space: nowrap;
}

ul.subnya-xitem a {
  line-height:25px;
  display:block;
  padding:0 10px;
}

ul.subnya-xitem a:hover {
  background-color:#F5F5F5;
}

#labelxnya span {
  position:relative;
  display:inline-block;
  text-indent:-9999px;
  left:50px;
  top:-7px;
  width:0;
  height:0;
  border-width:10px 10px;
  border-style:solid;
  border-color:transparent transparent #868585 transparent;
}

.left .ticker-controls,
.left .ticker-content,
.left .ticker-title,
.left .ticker {
  float:$startSide;
}

.ticker-wrapper.has-js {
  height:28px;
  overflow:hidden;
  margin:0 0 15px;
  line-height:28px;
  border:1px solid $(news.border.color);
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  background-color:$(side.area.color);
}

.ticker {
  width:92%;
  position:relative;
  overflow:hidden;
}

.ticker-title {
  background-color:$(news.back.color);
  padding:0 10px;
  color:$(news.text.color);
  font-weight:bold;
}

.ticker-content {
  margin:0;
  position:absolute;
  font-weight:bold;
  overflow:hidden;
  white-space:nowrap;
  line-height:26px;
  padding:0 10px;
  font-size:10px;
}

.ticker-content .date {
  padding:0 5px 0 0;
  border-right:1px solid #272727;
}

.ticker-swipe {
  position:absolute;
  top:0;
  background-color:$(side.area.color);
  display:block;
  width:800px;
  height:23px;
}

.ticker-swipe span {
  margin-left:1px;
  background-color:$(side.area.color);
  border-bottom:1px solid #000;
  height:18px;
  width:7px;
  display:block;
}

.ticker-controls {
  padding:6px 0 0;
  margin:0;
  list-style-type:none;
  float:$startSide;
}

.ticker-controls li {
  padding:0;
  margin-left:5px;
  float:$startSide;
  cursor:pointer;
  height:16px;
  width:16px;
  display:block;
}

.ticker-controls li.jnt-play-pause {
  background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
  background-position:32px 16px;
}

.ticker-controls li.jnt-play-pause.over {
  background-position:32px 32px;
}

.ticker-controls li.jnt-play-pause.down {
  background-position:32px 0;
}

.ticker-controls li.jnt-play-pause.paused {
  background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
  background-position:48px 16px;
}

.ticker-controls li.jnt-play-pause.paused.over {
  background-position:48px 32px;
}

.ticker-controls li.jnt-play-pause.paused.down {
  background-position:48px 0;
}

.ticker-controls li.jnt-prev {
  background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
  background-position:0 16px;
}

.ticker-controls li.jnt-prev.over {
  background-position:0 32px;
}

.ticker-controls li.jnt-prev.down {
  background-position:0 0;
}

.ticker-controls li.jnt-next {
  background-image:url(http://4.bp.blogspot.com/-51LJbo4SM-o/UW177sJbe4I/AAAAAAAAI-Q/0sVTpXW7lB8/s1600/controls.png);
  background-position:16px 16px;
}

.ticker-controls li.jnt-next.over {
  background-position:16px 32px;
}

.ticker-controls li.jnt-next.down {
  background-position:16px 0;
}

.js-hidden {
  display:none;
}

.FollowByEmail .follow-by-email-inner .follow-by-email-submit {
  background-color:$(main2.date.color);
}

.FollowByEmail .follow-by-email-inner .follow-by-email-address {
  font-size:12px;
  padding:2px 0;
  padding-left:5%;
  width:95%;
}

.footer .FollowByEmail .follow-by-email-inner .follow-by-email-address {
  background-color:#202020;
  border:1px solid #1B1B1B;
}

input[type="submit"] {
  border-radius:2px;
  background-color:$(main2.date.color);
  outline:0;
  border:0;
  padding:5px 8px;
  color:$(main2.datetext.color);
  margin:2px 3px;
  cursor:pointer;
}

input[type="submit"]:hover {
  background-color:$(main2.datehover.color);
}

input[type="text"] {
  padding:4px 5px;
  border:1px solid #B6B6B6;
  border-radius:2px;
  color:#585858;
}

.Label li {
  padding:3px 5px;
  margin:0 3px 3px 0;
  float:$startSide;
  background-color:$(main2.date.color);
  -moz-border-radius:1px;
  -webkit-border-radius:1px;
  border-radius:1px;
  color:#D6D6D6;
}

.Label li a {
  color:$(main2.datetext.color);
  text-decoration:none;
}

.Label li:hover {
  background-color:$(main2.datehover.color);
}

.footer .Label li:hover {
  background-color:$(backtop.backhover.color);
}

#top {
  position:fixed;
  right:10px;
  bottom:0;
  text-indent:-9999px;
  width:40px;
  height:0;
  background-color:$(backtop.back.color);
  border-radius:2px 2px 0 0;
  background-image:url(http://3.bp.blogspot.com/-Vug8W3sF3PA/UXSMCnhg68I/AAAAAAAAI_U/OhgHbKpX8r0/s1600/up.png);
  background-repeat:no-repeat;
  background-position:50% 50%;
  opacity:0;
  cursor:pointer;
  outline:0;
}

#top:hover {
  background-color:$(backtop.backhover.color);
}

ul.rcomnetxx li {
  padding:5px;
  margin-bottom:8px;
  overflow:hidden;
}

ul.rcomnetxx .kmtimg {
  float:$startSide;
  margin:0 5px 5px 0;
  width:50px;
  height:50px;
  padding:3px;
  border:1px solid $imageborder;
}

ul.rcomnetxx p {
  margin:5px 0 0;
}

ul.rcomnetxx .date {
  font-size:80%;
}

.PopularPosts li img {
  padding:0;
  width:65px;
  height:65px;
  display:block;
}

.PopularPosts .item-thumbnail {
  padding:3px;
  border:1px solid $imageborder;
  width:65px;
  height:65px;
}

.loadingxx {
  background-image:url(http://4.bp.blogspot.com/-TnSE_uBapbc/UXVKY6X6faI/AAAAAAAAI_s/rTt1Js3H8s0/s1600/progress_ani.gif);
  background-repeat:no-repeat;
  background-position:50% 50%;
  min-height:150px;
}

#featpost.loadingxx {
  height:280px;
}

.antiscroll-wrap {
  display: block;
  position: relative;
  overflow: hidden;  
}

.antiscroll-scrollbar {
  background: gray;
  background: rgba(0, 0, 0, 0.5);
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 1px #fff;
  -moz-box-shadow: 0 0 1px #fff;
  box-shadow: 0 0 1px #fff;
  position: absolute;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  -webkit-transition: linear 300ms opacity, linear 300ms width;
  -moz-transition: linear 300ms opacity, linear 300ms width;
  -o-transition: linear 300ms opacity, linear 300ms width;
  transition: linear 300ms opacity, linear 300ms width;
}

.antiscroll-scrollbar-shown {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
}

.antiscroll-scrollbar-horizontal {
  height: 7px;
  margin-left: 2px;
  bottom: 2px;
  left: 0;
}

.antiscroll-scrollbar-vertical {
  width: 7px;
  margin-top: 2px;
  right: 2px;
  top: 0; 
 }
.antiscroll-scrollbar-vertical:hover {
width: 9px;
}
.antiscroll-inner {
  overflow: scroll;
}
.antiscroll-inner::-webkit-scrollbar {
  width: 0;  
  height: 0;
}

.antiscroll-inner::scrollbar {
  width: 0;
  height: 0;
}
.index #blog-pager, .archive #blog-pager {
text-align: left;
margin: 10px 0 0;
padding: 5px;
}
.showpagePoint, .showpageNum a, .showpage a {
display: inline-block;
padding: 8px 9px;
margin-right: 2px;
color: $(cont.back.color);
background-color: $(main2.date.color);
border-radius: 3px;
position: relative;
text-decoration: none;
outline: 0;
}
.showpageNum a:hover, .showpage a:hover, .showpagePoint {
background-color: $(main2.datehover.color);
}
.showpageNum a:active, .showpage a:active {
top:1px;
}
.loadingpost {
position: absolute;
background-color: $(cont.back.color);
background-image: url(https://lh3.googleusercontent.com/-FiCzyOK4Mew/T4aAj2uVJKI/AAAAAAAAPaY/x23tjGIH7ls/s32/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
top: 0;
left: 0;
bottom: 30px;
right: 0;display:none;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
opacity: 0.6;
}
/* RESPONSIVE */

@media only screen and (max-width:1024px) {
  #navinti a {padding:0 10px;}
  #searchnya {width: 195px;}
  #ajax-search-form {width: 191px;}
  #ajax-search-form input {width: 140px;}
}
@media only screen and (max-width:979px) {
  #outer-wrapper,
  #nav {
    width:768px;
  }
  #nav .wrap {
  width: 99%;
  }
  #footer-wrapper .grid {
    width:33.3%;
  } 
  #topmenunav, #menunav, .sf-menu a.home:before, .sf-menu > li > a.home.current:before {display:none;}
  #topmobilenav, #mobilenav {
  display:block;
  }
  #menunav, #topmenunav {
  position: absolute;
top: 100%;
float: none;
left: 5px;
  }
  #menunav {
background-color: $(midnav.back.color);
right: 5px;
}
#topmenunav {
width: 300px;
background-color: $(topnav.back.color);z-index: 99;
}
.sf-menu > li {
float: none;
}
.sf-menu ul {
position: static;
}
.sf-menu ul ul li {
margin: 1px 0;
}
.sf-menu a.home, .sf-menu > li > a.home.current {
text-indent: 0;
width: auto;
padding: 0 10px;
}
#menunav > li > a {
height: 30px;
line-height: 30px;
}
#topnav .tgltop {
margin-left: 35px;
}
.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
display:none;
}
  #main-atas {
    width:58%;
  }
  #sidebar-wrapper {
    width:40%;
  }
  #mainmidtengah .section,
  #mainmidtengah2 .section {
    width:100%;
    float:none;
  }
  .index .post-outer,
  .archive .post-outer,
  ul.rcentpost.sliderq li {
    width:50%;
  }
  .post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
    width:150px;
    height:120px;
  }
  .ticker {
    width:90%;
  }
  ul.featpost,
  .featuredpost,
  ul.featpost li,
  a.feathumb {
    height:240px;
  }
  .featuredpost {
    font-size:11px;
  }
  #main-top .flex-viewport, #main-top-manualslide .flex-viewport {
    width:100%;
  }
  ul.featpost strong.titlex {
    max-width:250px;
    max-height:55px;
    bottom:110px;
  }
  .post-body .left,
  .post-body .right {
    float:none;
    display:block;
    text-align:center;
    margin:10px 0 15px;
  }
    
  #related_posts strong {
    max-height:auto;
  }
    
  #related_posts li {
    width:100%;
    float:none;
    height:auto;
    overflow:hidden;
  }
  .comments .comments-content .comment-replies {
    margin-left:10px;
  }
  #header {
    width:100%;
    float:none;
  }
  #adstop {
    display:none;
  }    
  #feedContainer li {
  float:none;
  width:100%;
  }

#feedContainer .inner {
  height:auto;
  }
  .rcbytag.h ul.rcentpost > .a0, .rcbytag.h .recntright {
  width: auto;
float: none;
  }
  .rcbytag.h ul.rcentpost > .a0 {
  border-bottom: 1px solid #F1F1F1;
  }
}

@media only screen and (max-width:767px) {
  #outer-wrapper,
  #nav {
    width:480px;
  }
  #footer-wrapper .grid {
    width:50%;
  }
  #main-atas,
  #sidebar-wrapper {
    width:98%;
    float:none;
    padding:0 1%;
  }
  .flex-viewport,
  .rcbytag {
    width:407px;
  }    
  #newsticker {
    display:none;
  }  
  #header {
    text-align:center;
  }
  #header img {
    margin:0 auto;
  }
  .navix.credit .left, .navix.credit .righ {
	float: none;
	text-align: center;
  }
  #topmenunav {
right: 5px;
width: auto;
}
}

@media only screen and (max-width:479px) {
  #outer-wrapper,
  #nav {
    width:320px;
  }
  #footer-wrapper .grid {
    width:100%;
  }
  a.thumbimgx, .thumbimgslide {
    padding:3px;
    height:110px;
  }
  .index .post-outer .post,
  .archive .post-outer .post {
    height:160px;
  }
  .post-outer.list a.thumbimgx, .post-outer.list .thumbimgslide {
    width:100px;
    height:90px;
  }
  ul.rcentpost.sliderq a.thumbxtag,
  ul.rcentpost.sliderq li:first-child a.thumbxtag {
    width:97%;
    height:90px;
  }
  ul.rcentpost.sliderq,
  ul.rcentpost.sliderq li {
    height:150px;
  }
  .post-outer.list .post .titlex {
    font-size:130%;
  }
  .separator a, table.tr-caption-container {
    float:none !important;
    margin:0 auto 15px !important;
  }
  table.tr-caption-container {   
    padding:0;
  }
  .flex-viewport,
  .rcbytag {
    width:100%;
  }
  ul.featpost strong.titlex {
    max-width:190px;
    bottom:95px;
  }
  ul.featpost .labeltext p {
    height:50px;
    overflow:hidden;
  }
  ul.featpost .labeltext .date {
    display:none;
  }
  ul.featpost,
  .featuredpost,
  ul.featpost li,
  a.feathumb {
    height:200px;
  } 
  #search-result, .box, .box .antiscroll-inner {
    width:272px;
  }  
  #topnav .tgltop {
display: none;
}
}

@media only screen and (max-width:319px) {
  #outer-wrapper,
  #nav {
    width:100%;
  }
  .index .post-outer,
  .archive .post-outer,
  ul.rcentpost.sliderq li {
    width:100%;
    float:none;
  }
  #search-result, .box, .box .antiscroll-inner {
    width:250px;
  }  
}

]]>